<template>
  <div id="app">
    <div class="content">
      <div class="main">
        <p class="title">前端</p>
        <p class="text">柳江南</p>
        <p class="text">Tw1nkle</p>
        <p class="text">坤坤大魔王</p>
      </div>
      <div class="main">
        <p class="title">后端</p>
        <p class="text">#YHT</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: ''
}
</script>

<style scoped>
  #app {
    display: flex;
    justify-content: center;
  }


  .content {
    width: 40%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-self: center;
  }

  .main {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Tahoma, Arial, sans-serif;
    align-self: start;
  }

  .title {
    font-weight: bold;
    font-size: 28px;
  }

  .text {
    font-size: 14px;
  }
</style>
